<template>
    <!-- 已认证 -->
    <div class="verified">
        <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" />
        <div class="flex flex-col px-30 justify-center items-center pt-124">
            <img src="../../assets/image/assets-center/small-success.png" alt="success img" class="w-122 h-122" />
            <div class="font-55 textColor mt-55">{{ $t('提交成功') }}</div>
            <div class="font-26 text-grey mt-23">{{$t('您的资料已经成功上传！')}}</div>
            <div class="font-26 text-grey mt-20" v-if="type =='identity'">{{ $t('系统将在三个工作日内审核完毕，请您耐心等候。')}}</div>
            <div class="font-26 text-grey mt-20" v-if="type == 'advanced'">{{ $t('系统将在1-30个工作日内审核完毕，请您耐心等候。') }}</div>
            <div class="font-26 text-grey mt-20" v-if="type == 'c2c'">{{ $t('系统将在15-30天内审核完毕，请您耐心等候。') }}</div>
            <button class="apply-btn w-full border-none rounded btnMain text-white font-35 h-100 rounded mt-193"
                    @click="$router.go(-1)">{{ $t('返回') }}</button>
        </div>
    </div>
</template>

<script>
export default {
    name: "verified",
    data() {
        return {
            type:"",
            title:"",
        }
    },
    created() {
        this.type = this.$route.query.type;
        if(this.type == 'identity') {
            this.title = this.$t('初级认证');
        }else if(this.type == 'advanced') {
            this.title = this.$t('高级认证');
        }else if(this.type =='c2c'){
            this.title = this.$t('c2c认证');
        }
    },
    methods: {
        onClickLeft() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="scss" scoped>
.verified {
    width: 100%;
    box-sizing: border-box;

    ::v-deep .van-hairline--bottom::after {
        @include themify() {
            border-color: themed("border_color");
        }
    }
}
</style>
